<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>梦三十|梦见美好</title>
    <link href="//cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/dream30.css"/>
    <script type="text/javascript" src="./js/jquery-2.1.4.min(1).js"></script>
    <script type="text/javascript" src="./js/biaoqian.js"></script>
    <script>
        $(document).ready(function (){
            $("#btn-large").click(function(){
                $("#dream").show()
            })
        });
        $(document).ready(function(){
            $("#use11").mouseenter(function(){
                $("#use1").fadeToggle();
            });
        });
        $(document).ready(function(){
            $("#use22").mouseenter(function(){
                $("#use2").fadeToggle();
            });
        });
        $(document).ready(function(){
            $("#use33").mouseenter(function(){
                $("#use3").fadeToggle();
            });
        });

        $(document).ready(function(){
            $("#use11").mouseleave(function(){
                $("#use1").hide();
            });
        });
        $(document).ready(function(){
            $("#use22").mouseleave(function(){
                $("#use2").hide();
            });
        });
        $(document).ready(function(){
            $("#use33").mouseleave(function(){
                $("#use3").hide();
            });
        });
    </script>
</head>
<body >
<div class="img">
    <!--丑的不要不要的导航-->
    <nav style="padding-top: 50px;">
        <div class="container">
            <div class="span2" style="font-size:35px;padding-top: 3px">
                <b>梦三十</b>
            </div>
            <div class="span2" style="float: left;margin-top: 10px;font-size: 18px;">梦自由</div>
            <div class="span7" style="padding-top: 11px;float: right;">
                <a class="nav" href="#">首页</a>
                <a class="nav" href="./dream1.html">织梦空间</a>
                <a class="nav" href="./dream2.html">致你的信</a>
            </div>
        </div>
    </nav>
    <!--希丑希丑的头部-->
    <header class="container" style="padding-top: 40px;">
        <div class="p text-center container" >
            <p class=" p1" > I have a dream</p>
            <p class="p2">With a burning desire to achieve the dream as a backing, so that the desire to become enthusiastic, let it become your brain in one of the most important things.</p>
            <button id="btn-large"><b>进&nbsp&nbsp&nbsp&nbsp入</b></button>
        </div>

    </header>
</div>
<!--正文-->
    <aticle>
        <div id="dream">
            <div class="container img1">
                <div class="row" style="margin-top: 200px;">
                    <div class="a a1" id="use11">
                        <div class="aa text-center" id="use1">
                            <h3 style="color: #ffffff;margin-top: 50px;">活要活的美好</h3>
                            <p style="color: #ffffff;">
                                <i>by Angela Duncan</i>
                                <br/>
                                <a style="color: #ffffff;" href="#">VIEW ON DRIBBBLE</a>
                            </p>

                        </div>
                    </div>

                    <div class="a a2" id="use22">
                        <div class="aa text-center" id="use2">
                            <h3 style="color: #ffffff;margin-top: 50px;">梦要梦得热烈</h3>
                            <p style="color: #ffffff;">
                                <i>by Antonio F. Mondragon </i>
                                <br/>
                                <a style="color: #ffffff;  " href="#">
                                    VIEW ON DRIBBBLE</a>
                            </p>

                        </div>
                    </div>

                    <div class="a a3" id="use33">
                        <div class="aa text-center" id="use3">
                            <h3 style="color: #ffffff;margin-top: 50px;">爱要爱得完整</h3>
                            <p style="color: #ffffff;">
                                <i>by Charlie Wagers </i>
                                <br/>
                                <a style="color: #ffffff;" href="#">VIEW ON DRIBBBLE</a>
                            </p>

                        </div>
                    </div>

                </div>

            </div>


        </div>

    </aticle>



</body>
</html>